86:I[903690,["/chat-static/_next/static/chunks/14o7mx00c0d_j.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0_iottws11i1k.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3cbx1w3tl_otg.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2_vvxgls65u3z.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/00hzog-_vfdpw.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2lpc1gu9jkwbr.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0iiz89c_kj-81.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3lm48l9jlz-7e.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ggwzd8njvoeu.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3kx42pcdprjxa.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0i5jiecfjfl78.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3ot6rcyapaof_.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ghp3isp5v37c.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1yuyyo11mati5.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3_phzuami-4lq.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/328rgsa_b-s69.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3qfotjwoly3jt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/02pa31waoa745.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/20r8bqclcqlhz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0l0_hjemd4bbt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2apqu_n39xv99.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2xscq3zmksssz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw"],"ExplicitChatIdProvider"] 87:I[838238,["/chat-static/_next/static/chunks/14o7mx00c0d_j.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0_iottws11i1k.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3cbx1w3tl_otg.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2_vvxgls65u3z.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/00hzog-_vfdpw.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2lpc1gu9jkwbr.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0iiz89c_kj-81.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3lm48l9jlz-7e.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ggwzd8njvoeu.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3kx42pcdprjxa.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0i5jiecfjfl78.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3ot6rcyapaof_.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ghp3isp5v37c.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1yuyyo11mati5.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3_phzuami-4lq.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/328rgsa_b-s69.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3qfotjwoly3jt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/02pa31waoa745.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/20r8bqclcqlhz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0l0_hjemd4bbt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2apqu_n39xv99.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2xscq3zmksssz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw"],"SWRDataProvider"] 8a:I[589831,["/chat-static/_next/static/chunks/14o7mx00c0d_j.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0_iottws11i1k.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3cbx1w3tl_otg.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2_vvxgls65u3z.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/00hzog-_vfdpw.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2lpc1gu9jkwbr.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0iiz89c_kj-81.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3lm48l9jlz-7e.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ggwzd8njvoeu.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3kx42pcdprjxa.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0i5jiecfjfl78.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3ot6rcyapaof_.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ghp3isp5v37c.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1yuyyo11mati5.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3_phzuami-4lq.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/328rgsa_b-s69.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3qfotjwoly3jt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/02pa31waoa745.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/20r8bqclcqlhz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0l0_hjemd4bbt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2apqu_n39xv99.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2xscq3zmksssz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw"],"TemplateImage"] 8b:I[507037,["/chat-static/_next/static/chunks/14o7mx00c0d_j.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0_iottws11i1k.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3cbx1w3tl_otg.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2_vvxgls65u3z.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/00hzog-_vfdpw.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2lpc1gu9jkwbr.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0iiz89c_kj-81.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3lm48l9jlz-7e.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ggwzd8njvoeu.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3kx42pcdprjxa.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0i5jiecfjfl78.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3ot6rcyapaof_.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ghp3isp5v37c.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1yuyyo11mati5.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3_phzuami-4lq.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/328rgsa_b-s69.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3qfotjwoly3jt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/02pa31waoa745.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/20r8bqclcqlhz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0l0_hjemd4bbt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2apqu_n39xv99.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2xscq3zmksssz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw"],"PrefetchLinkAndRefreshOnHover"] 88:T2554,[V0_FILE]typescriptreact:file="app/data/integrations.ts" isEdit="true" isMerged="true" import { Zap, ShoppingCart, BarChart, Mail, Calendar, FileText, CreditCard, Phone, Video, Cloud, Globe, Shield, Camera, Music, Book, Briefcase, Coffee, Cpu, Database, Headphones, Heart, Image, Key, Laptop, Map, Printer, Rocket, Scissors, Truck, Wifi, } from "lucide-react" import type React from "react" export type Integration = { id: string name: string description: string category: string icon: React.ComponentType color: string } export const categories = [ "All", "Analytics", "Marketing", "Productivity", "Sales", "Finance", "Communication", "Cloud Services", "Security", "Design", "Development", "Human Resources", "Customer Support", "E-commerce", "Social Media", ] const iconMap = { Zap, ShoppingCart, BarChart, Mail, Calendar, FileText, CreditCard, Phone, Video, Cloud, Globe, Shield, Camera, Music, Book, Briefcase, Coffee, Cpu, Database, Headphones, Heart, Image, Key, Laptop, Map, Printer, Rocket, Scissors, Truck, Wifi, } const colorPalette = [ "#FF4A00", "#96BF48", "#E37400", "#FFE01B", "#F06A6A", "#FFCC22", "#6772E5", "#F22F46", "#2D8CFF", "#0061FF", "#00A1E0", "#D32D27", "#4CAF50", "#9C27B0", "#FF9800", "#795548", "#607D8B", "#3F51B5", "#00BCD4", "#FFC107", ] function generateIntegrations(count: number): Integration[] { const integrations: Integration[] = [] const iconKeys = Object.keys(iconMap) for (let i = 0; i < count; i++) { const iconKey = iconKeys[Math.floor(Math.random() * iconKeys.length)] const category = categories[Math.floor(Math.random() * (categories.length - 1)) + 1] // Exclude 'All' const color = colorPalette[Math.floor(Math.random() * colorPalette.length)] integrations.push({ id: `${i + 1}`, name: `Integration ${i + 1}`, description: `This is a detailed description for Integration ${i + 1}. It provides ${category.toLowerCase()} services to streamline your workflow and improve efficiency. With powerful features and easy integration, it's an essential tool for modern businesses looking to optimize their operations and stay ahead in the competitive market.`, category, icon: iconMap[iconKey], color, }) } return integrations } export const integrations = generateIntegrations(1000) [V0_FILE]typescriptreact:file="app/integrations/components/SearchBar.tsx" isEdit="true" isMerged="true" import { Input } from "@/components/ui/input" import { Search } from "lucide-react" type SearchBarProps = { onSearch: (query: string) => void } export default function SearchBar({ onSearch }: SearchBarProps) { return (

onSearch(e.target.value)} />

) } [V0_FILE]typescriptreact:file="app/integrations/components/IntegrationCard.tsx" isEdit="true" isMerged="true" import type { Integration } from "../../data/integrations" import { Card, CardContent } from "@/components/ui/card" type IntegrationCardProps = { integration: Integration } export default function IntegrationCard({ integration }: IntegrationCardProps) { const Icon = integration.icon return (

{integration.name}

{integration.description.length > 150 ? `${integration.description.substring(0, 150)}...` : integration.description}

) } [V0_FILE]typescriptreact:file="app/integrations/page.tsx" isEdit="true" "use client" import { useState, useMemo } from "react" import { categories, integrations } from "../data/integrations" import CategoryFilter from "./components/CategoryFilter" import SearchBar from "./components/SearchBar" import IntegrationGrid from "./components/IntegrationGrid" import Pagination from "./components/Pagination" const ITEMS_PER_PAGE = 30 export default function IntegrationsPage() { const [selectedCategory, setSelectedCategory] = useState("All") const [searchQuery, setSearchQuery] = useState("") const [currentPage, setCurrentPage] = useState(1) const filteredIntegrations = useMemo(() => { return integrations.filter((integration) => { const categoryMatch = selectedCategory === "All" || integration.category === selectedCategory const searchMatch = integration.name.toLowerCase().includes(searchQuery.toLowerCase()) || integration.description.toLowerCase().includes(searchQuery.toLowerCase()) return categoryMatch && searchMatch }) }, [selectedCategory, searchQuery]) const totalPages = Math.ceil(filteredIntegrations.length / ITEMS_PER_PAGE) const paginatedIntegrations = filteredIntegrations.slice( (currentPage - 1) * ITEMS_PER_PAGE, currentPage * ITEMS_PER_PAGE, ) return (

{ setSelectedCategory(category) setCurrentPage(1) }} />

Integrations

{ setSearchQuery(query) setCurrentPage(1) }} />

) } [V0_FILE]typescriptreact:file="app/integrations/components/CategoryFilter.tsx" isEdit="true" import { Button } from "@/components/ui/button" type CategoryFilterProps = { categories: string[] selectedCategory: string onSelectCategory: (category: string) => void } export default function CategoryFilter({ categories, selectedCategory, onSelectCategory }: CategoryFilterProps) { return ( ) } [V0_FILE]typescriptreact:file="app/integrations/components/IntegrationGrid.tsx" isEdit="true" import type { Integration } from "../../data/integrations" import IntegrationCard from "./IntegrationCard" type IntegrationGridProps = { integrations: Integration[] } export default function IntegrationGrid({ integrations }: IntegrationGridProps) { return (

{integrations.map((integration) => ( ))}

) } [V0_FILE]typescriptreact:file="app/integrations/components/Pagination.tsx" isEdit="true" import { Button } from "@/components/ui/button" import { ChevronLeft, ChevronRight } from "lucide-react" type PaginationProps = { currentPage: number totalPages: number onPageChange: (page: number) => void } export default function Pagination({ currentPage, totalPages, onPageChange }: PaginationProps) { return (

Page {currentPage} of {totalPages}

) } 7f:["$","$L86",null,{"chatId":"i7g5OpVbO4E","children":["$","$L87",null,{"data":{"@\"active-block\",\"i7g5OpVbO4E\",":{"id":"b_kjLvStfqd4t","messageId":"Z10NJEMhsZWOUjr6iEoiXApfvhl1xItI","source":"$88","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"integrations-page","type":"code-project","project":"integrations-page"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"i7g5OpVbO4E\",":false,"":null},"children":"$L89"}]}] 84:["$","$L70","wdqexTCLiHk",{"value":{"fallback":{"template:wdqexTCLiHk:likes":{"likeCount":24,"isLiked":false}}},"children":["$","div",null,{"className":"has-focus-visible:ring-offset-background relative flex w-full flex-col gap-2 text-sm sm:min-w-0","children":[["$","div",null,{"className":"shadow-base bg-v0-background-200 relative aspect-video w-full overflow-hidden rounded-lg text-sm has-focus-visible:outline-hidden has-focus-visible:ring-2 has-focus-visible:ring-v0-blue-700 has-focus-visible:ring-offset-1","children":[["$","$L8a",null,{"index":1,"src":"https://gvsmhepiuiax2e6y.public.blob.vercel-storage.com/templates/assets/Tallyr-mktg-img-LOY0iUj9cBUS0ZCz5l6wOq7IQCz6PY.png","alt":"","templateCanonId":"wdqexTCLiHk","blockId":"b_D8CvSK16KMZ"}],false,["$","div",null,{"className":"absolute inset-0 flex items-center justify-center bg-linear-to-b from-[hsla(0,0%,100%,0.3)] to-[hsla(0,0%,40%,0.3)] opacity-0 transition-opacity focus-within:opacity-100 hover:opacity-100 has-data-[pending=true]:opacity-100","children":[[["$","$L8b",null,{"href":"/templates/wdqexTCLiHk","className":"absolute inset-0 sm:hidden","prefetch":false}],["$","$L8b",null,{"href":"/templates/wdqexTCLiHk","tabIndex":-1,"className":"absolute inset-0 hidden sm:block","prefetch":false}]],["$","div",null,{"className":"z-10 hidden w-32 flex-col items-center justify-center gap-2 sm:flex","children":["$","$L8b",null,{"href":"/templates/wdqexTCLiHk","prefetch":false,"children":"View Details","className":"focus-visible:ring-offset-background outline-hidden has-focus-visible:ring-2 inline-flex shrink-0 cursor-pointer select-none items-center justify-center gap-1.5 whitespace-nowrap text-nowrap border font-medium ring-v0-caveat-focus-ring-tab transition focus-visible:ring-2 focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:bg-v0-gray-100 disabled:text-v0-gray-500 disabled:ring-0 aria-disabled:cursor-not-allowed aria-disabled:bg-v0-gray-100 aria-disabled:text-v0-gray-500 aria-disabled:ring-0 [&>svg]:pointer-events-none [&>svg]:size-4 [&_svg]:shrink-0 disabled:border-v0-alpha-400 text-v0-background-100 aria-disabled:border-v0-alpha-400 border-v0-gray-1000 bg-v0-gray-1000 hover:border-v0-gray-900 hover:bg-v0-gray-900 focus:border-v0-gray-900 focus:bg-v0-gray-900 focus-visible:border-v0-gray-900 focus-visible:bg-v0-gray-900 h-8 px-3 text-sm has-[>kbd]:gap-2 has-[>svg]:px-2 has-[>kbd]:pr-[6px] rounded-lg w-full","disabled":"$undefined","ref":null}]}]]}]]}],["$","div",null,{"className":"flex items-center gap-3 pr-1 w-full","children":[["$","$L75",null,{"teamId":"$undefined","authorId":"zZ9w2ZsJHxGcsIyghvrqUR2V"}],["$","$L8b",null,{"className":"flex flex-1 min-w-0 items-center gap-3","href":"/templates/wdqexTCLiHk","tabIndex":-1,"prefetch":false,"children":["$","div",null,{"className":"flex flex-1 min-w-0 flex-col gap-1.5","children":[["$","div",null,{"className":"line-clamp-1 font-medium leading-none text-v0-gray-1000","children":"Tallyr - Personal Finance Tracker"}],null,["$","div",null,{"className":"flex flex-row items-center gap-1.5 text-v0-gray-900","children":[["$","div",null,{"className":"flex flex-row whitespace-nowrap items-center gap-1.5","children":[["$","svg",null,{"className":"size-3","dangerouslySetInnerHTML":{"__html":""},"data-testid":"geist-icon","height":16,"strokeLinejoin":"round","style":{"verticalAlign":"$undefined","width":"$undefined","height":"$undefined","color":"currentColor"},"viewBox":"0 0 16 16","width":16}],"$L8c"]}],"$L8d","$L8e"]}]]}]}]]}]]}]}] 83:["$","$L70","qPJFI4OtF9x",{"value":{"fallback":{"template:qPJFI4OtF9x:likes":{"likeCount":46,"isLiked":false}}},"children":["$","div",null,{"className":"has-focus-visible:ring-offset-background relative flex w-full flex-col gap-2 text-sm sm:min-w-0","children":[["$","div",null,{"className":"shadow-base bg-v0-background-200 relative aspect-video w-full overflow-hidden rounded-lg text-sm has-focus-visible:outline-hidden has-focus-visible:ring-2 has-focus-visible:ring-v0-blue-700 has-focus-visible:ring-offset-1","children":[["$","$L8a",null,{"index":0,"src":"https://gvsmhepiuiax2e6y.public.blob.vercel-storage.com/templates/assets/Screenshot%202025-04-20%20at%2012.50.47-ajp2ZWSS6vSq9kcxD1arEVpJnpbc9x.png","alt":"","templateCanonId":"qPJFI4OtF9x","blockId":"b_WhTQjADcCxH"}],false,["$","div",null,{"className":"absolute inset-0 flex items-center justify-center bg-linear-to-b from-[hsla(0,0%,100%,0.3)] to-[hsla(0,0%,40%,0.3)] opacity-0 transition-opacity focus-within:opacity-100 hover:opacity-100 has-data-[pending=true]:opacity-100","children":[[["$","$L8b",null,{"href":"/templates/qPJFI4OtF9x","className":"absolute inset-0 sm:hidden","prefetch":false}],["$","$L8b",null,{"href":"/templates/qPJFI4OtF9x","tabIndex":-1,"className":"absolute inset-0 hidden sm:block","prefetch":false}]],["$","div",null,{"className":"z-10 hidden w-32 flex-col items-center justify-center gap-2 sm:flex","children":["$","$L8b",null,{"href":"/templates/qPJFI4OtF9x","prefetch":false,"children":"View Details","className":"focus-visible:ring-offset-background outline-hidden has-focus-visible:ring-2 inline-flex shrink-0 cursor-pointer select-none items-center justify-center gap-1.5 whitespace-nowrap text-nowrap border font-medium ring-v0-caveat-focus-ring-tab transition focus-visible:ring-2 focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:bg-v0-gray-100 disabled:text-v0-gray-500 disabled:ring-0 aria-disabled:cursor-not-allowed aria-disabled:bg-v0-gray-100 aria-disabled:text-v0-gray-500 aria-disabled:ring-0 [&>svg]:pointer-events-none [&>svg]:size-4 [&_svg]:shrink-0 disabled:border-v0-alpha-400 text-v0-background-100 aria-disabled:border-v0-alpha-400 border-v0-gray-1000 bg-v0-gray-1000 hover:border-v0-gray-900 hover:bg-v0-gray-900 focus:border-v0-gray-900 focus:bg-v0-gray-900 focus-visible:border-v0-gray-900 focus-visible:bg-v0-gray-900 h-8 px-3 text-sm has-[>kbd]:gap-2 has-[>svg]:px-2 has-[>kbd]:pr-[6px] rounded-lg w-full","disabled":"$undefined","ref":null}]}]]}]]}],["$","div",null,{"className":"flex items-center gap-3 pr-1 w-full","children":[["$","$L75",null,{"teamId":"$undefined","authorId":"kXQb9g75NDElBYQ2PgemMBwh"}],["$","$L8b",null,{"className":"flex flex-1 min-w-0 items-center gap-3","href":"/templates/qPJFI4OtF9x","tabIndex":-1,"prefetch":false,"children":["$","div",null,{"className":"flex flex-1 min-w-0 flex-col gap-1.5","children":[["$","div",null,{"className":"line-clamp-1 font-medium leading-none text-v0-gray-1000","children":"React ui builder"}],null,["$","div",null,{"className":"flex flex-row items-center gap-1.5 text-v0-gray-900","children":[["$","div",null,{"className":"flex flex-row whitespace-nowrap items-center gap-1.5","children":[["$","svg",null,{"className":"size-3","dangerouslySetInnerHTML":{"__html":""},"data-testid":"geist-icon","height":16,"strokeLinejoin":"round","style":{"verticalAlign":"$undefined","width":"$undefined","height":"$undefined","color":"currentColor"},"viewBox":"0 0 16 16","width":16}],"$L8f"]}],"$L90","$L91"]}]]}]}]]}]]}]}] 85:["$","$L70","RTz7dLt3u0c",{"value":{"fallback":{"template:RTz7dLt3u0c:likes":{"likeCount":204,"isLiked":false}}},"children":["$","div",null,{"className":"has-focus-visible:ring-offset-background relative flex w-full flex-col gap-2 text-sm sm:min-w-0","children":[["$","div",null,{"className":"shadow-base bg-v0-background-200 relative aspect-video w-full overflow-hidden rounded-lg text-sm has-focus-visible:outline-hidden has-focus-visible:ring-2 has-focus-visible:ring-v0-blue-700 has-focus-visible:ring-offset-1","children":[["$","$L8a",null,{"index":2,"src":"https://gvsmhepiuiax2e6y.public.blob.vercel-storage.com/templates/assets/thumbnail-m0y8FgcgFDPUi6eOvhkqObVrFOtl0Y.jpg","alt":"","templateCanonId":"RTz7dLt3u0c","blockId":"b_Laa3rB3mxTD"}],false,["$","div",null,{"className":"absolute inset-0 flex items-center justify-center bg-linear-to-b from-[hsla(0,0%,100%,0.3)] to-[hsla(0,0%,40%,0.3)] opacity-0 transition-opacity focus-within:opacity-100 hover:opacity-100 has-data-[pending=true]:opacity-100","children":[[["$","$L8b",null,{"href":"/templates/RTz7dLt3u0c","className":"absolute inset-0 sm:hidden","prefetch":false}],["$","$L8b",null,{"href":"/templates/RTz7dLt3u0c","tabIndex":-1,"className":"absolute inset-0 hidden sm:block","prefetch":false}]],["$","div",null,{"className":"z-10 hidden w-32 flex-col items-center justify-center gap-2 sm:flex","children":["$","$L8b",null,{"href":"/templates/RTz7dLt3u0c","prefetch":false,"children":"View Details","className":"focus-visible:ring-offset-background outline-hidden has-focus-visible:ring-2 inline-flex shrink-0 cursor-pointer select-none items-center justify-center gap-1.5 whitespace-nowrap text-nowrap border font-medium ring-v0-caveat-focus-ring-tab transition focus-visible:ring-2 focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:bg-v0-gray-100 disabled:text-v0-gray-500 disabled:ring-0 aria-disabled:cursor-not-allowed aria-disabled:bg-v0-gray-100 aria-disabled:text-v0-gray-500 aria-disabled:ring-0 [&>svg]:pointer-events-none [&>svg]:size-4 [&_svg]:shrink-0 disabled:border-v0-alpha-400 text-v0-background-100 aria-disabled:border-v0-alpha-400 border-v0-gray-1000 bg-v0-gray-1000 hover:border-v0-gray-900 hover:bg-v0-gray-900 focus:border-v0-gray-900 focus:bg-v0-gray-900 focus-visible:border-v0-gray-900 focus-visible:bg-v0-gray-900 h-8 px-3 text-sm has-[>kbd]:gap-2 has-[>svg]:px-2 has-[>kbd]:pr-[6px] rounded-lg w-full","disabled":"$undefined","ref":null}]}]]}]]}],["$","div",null,{"className":"flex items-center gap-3 pr-1 w-full","children":[["$","$L75",null,{"teamId":"$undefined","authorId":"JwhYTwDmstkbxaA2Q8MC6mzv"}],["$","$L8b",null,{"className":"flex flex-1 min-w-0 items-center gap-3","href":"/templates/RTz7dLt3u0c","tabIndex":-1,"prefetch":false,"children":["$","div",null,{"className":"flex flex-1 min-w-0 flex-col gap-1.5","children":[["$","div",null,{"className":"line-clamp-1 font-medium leading-none text-v0-gray-1000","children":"AppSport"}],null,["$","div",null,{"className":"flex flex-row items-center gap-1.5 text-v0-gray-900","children":[["$","div",null,{"className":"flex flex-row whitespace-nowrap items-center gap-1.5","children":[["$","svg",null,{"className":"size-3","dangerouslySetInnerHTML":{"__html":""},"data-testid":"geist-icon","height":16,"strokeLinejoin":"round","style":{"verticalAlign":"$undefined","width":"$undefined","height":"$undefined","color":"currentColor"},"viewBox":"0 0 16 16","width":16}],"$L92"]}],"$L93","$L94"]}]]}]}]]}]]}]}]

About

Tags

Share

About

Tags

Share

More Templates Like This